<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        div {
            border: 1px solid rgba(117, 114, 114, 0.911);
            width: 500px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 80px;
        }
    </style>
</head>

<body>
    <div>
        <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt="" srcset="" width="200"
            style="float:left;">
        <h1 id="title"></h1>
<p id="t1"></p>
    </div>

    <script>
        document.getElementById("t1").innerHTML = "注重实效的程序员的特征是什么？我们觉得是他们处理问题、寻求解决方案时的态度、风格、哲学。他们能够越出直接的问题去思考，总是设法把问题放在更大的语境中，总是设法注意更大的图景。毕竟，没有这样的更大的语境，你又怎能注重实效？你又怎能做出明智的妥协和有见识的决策？";
    </script>
    <script>
        document.getElementById("title").innerHTML = "程序员修炼之道";
    </script>
</body>

</html>